<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
<head>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<title>eSharing - Connectez-vous !!</title>
</head>
<body>

	<div class="topbarcontenu">
		<div>
			<span class="logo"><img src="images/ElecSharing-D5.png" /></span> <span
				class="toplink"><a href="connexion.jsf">Connexion</a> | <a
				href="inscription.jsf">Inscription</a></span> <span
				class="topbarrechercher"> <h:form style="font: normal 14px/1.2em Calibri, Verdana, Helvetica;" class="recherchepages">
					<h:inputText value="#{mbRecherche.motCleRecherche}" id = "cetaem" class="textrecherche" maxlength = "80" />
					<h:commandButton type="submit" id="btnrechercher" value="Rechercher" style="background-color:#779e14 ;color:white" action="#{mbRecherche.rechercher()}" />
				</h:form>
			</span>
		</div>
		<br />
		<div>
			<span class="parrainage"> <h:form id="parrainer">
					<input type="text" id="cetaem" class="mailfilleul" maxlength="80"
						placeholder="Adresse mail" />
					<h:commandButton type="submit" id="btnparrain" value="Parrainer un ami !" style="background-color:#779e14 ;color:white" />
				</h:form>
			</span>
		</div>
	</div>

	<p></p>

	<div style="height:40px">     </div>
	<div id="pagecontenu" style="width: 70%; border-radius : 10px ; color:#606060;background-color:#BBDFBB; margin-left:15%">
		<h2 style="color:#779e14 ;" align="center">Connexion</h2>
		<h:form>
			<table>
				<tr>
					<td>Nom d'utilisateur:</td>
					<td><h:inputText value="#{mbConnexion.nomUtilisateur}" /></td>
				</tr>
				<tr>
					<td>Mot de passe:</td>
					<td><h:inputSecret value="#{mbConnexion.motDePasse}" /> <a href="oublie.jsf"><i>Mot de passe oublié ?</i></a></td>
				</tr>
				<tr>
					<td></td>
					<td><h:commandButton value="Connexion" action="#{mbConnexion.connecter}" /></td>
				</tr>
				<tr>
					<td></td>
					<td><h:selectBooleanCheckbox value="#{mbConnexion.seSouvenirDeMoi}" /> Se souvenir de moi !</td>
				</tr>
				<tr>
					<td></td>
					<td><i><h:outputLabel value="#{mbConnexion.lblErr}" style="color:red;" /></i></td>
				</tr>
			</table>
		</h:form>
	</div>

	<div id = "goodies">
  
      <ul  style = "float:right"><!--id="sociallinks"-->
        <li>
		<!--<span>-->
		<!--<img id="sociallinks" src="images/rond_fb.png"/>-->
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_fb.png"/></a><!--</span>-->
        </li>
        <li>
          <!--<a href="@sadfdsafdfd" style ="color: #707070">TW</a>-->
		  <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_tw.png"/></a>
        </li>
        <li>
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_google_plus.png"/></a>
        </li>
        <li>
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/Ico-RSS.ico"/></a>
        </li>
      </ul>
  
  </div>


	<div class="footer">
		<span style="align: left"> <a href="/trust">Confiance et
				sécurité</a>
		</span> | <span style="align: left"> <a href="/about/about-us">A
				propos</a>
		</span>
	</div>

</body>

</html>